<template>
    <a-carousel autoplay effect="scrollx">

        <div>
            <img style="width: 100%;    border-radius: 8px;
" src="../../../assets/banner/1.png" />
        </div>
        <div>
            <img style="width: 100%;    border-radius: 8px;
" src="../../../assets/banner/2.png" />
        </div>
        <div>
            <img style="width: 100%;    border-radius: 8px;
" src="../../../assets/banner/3.png" />
        </div>

    </a-carousel>
</template>
<script lang="ts">
import { LeftCircleOutlined, RightCircleOutlined } from '@ant-design/icons-vue';
import { defineComponent } from 'vue';
export default defineComponent({
    components: {
        LeftCircleOutlined,
        RightCircleOutlined,
    },
});
</script>
<style scoped>
/* For demo */
.ant-carousel :deep(.slick-slide) {
    text-align: center;
    /* background: #364d79; */
    overflow: hidden;
}
</style>
